<template>
    <div class="title-content-box">
        <div class="attr-item title-text">
            <div class="attr-item-label">文本</div>
            <div class="block">
                <el-input v-model="content.value" size="mini" placeholder="标题文字"/>
            </div>
        </div>
        <!--<div class="attr-item">
            <div class="attr-item-label">跳转至</div>
            <div class="block">
                <el-input v-model="content.link" size="mini" placeholder="请输入正确的链接"/>
            </div>
        </div>-->
    </div>
</template>

<script>
    export default {
        name: 'TitleContent',
        props: {
            content: {
                type: Object,
                default: {
                    value: '标题文字',
                    link: ''
                }
            }
        }
    }
</script>

<style scoped lang="scss">
    .title-content-box {
        .attr-item {
            height: 56px;
            overflow: hidden;
            margin-top: 10px;

            .attr-item-label {
                padding-right: 12px;
                line-height: 28px;
            }
        }
        .title-text {
            .attr-item-label {
                padding-right: 26px;
            }
        }
    }
</style>
